.match_list{
      padding: .8rem;
     .item{
       display: block;
       font-size: .55rem;
       margin-bottom: 1rem;
       border-bottom: 1px solid #E0E0E0;
       padding-bottom: 1rem;
       position: relative;
       color: #333;
       cursor: pointer;
       .icon{
          em{
            display: inline-block;
          }
          .playback{
            width: 2.2rem;
            height: .85rem;
            background: url(../images/common/playback.png) no-repeat;
            background-size: contain;
            position: absolute;
            top: .5rem;
            left: .5rem;
          }
          .live{
            width: 3rem;
            height: 3rem;
            background: url(../images/common/live.png) no-repeat;
            background-size: contain;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -4rem;
            margin-left: -1.5rem;
          }
       }
       img{
         width: 100%;
       }
       .title{
         font-size: .8rem;
         line-height: 1rem;
         padding-top: .5rem;
         padding-bottom: .5rem;
       }
       .dz_dflex{
         font-size: .55rem;
         color: #999;
       }
     }
}
.mechanism{
  .top{
      position: relative;
      background: #454545;
      padding-bottom: .1rem;
     .bg{
        background-size: contain;
     }
     .box{
       width: 100%;
       color: #fff;
       left: 0px;
       top: 0px;
       text-align: center;
       img{
          width: 4rem;
          height: 4rem;
          margin-top: 3rem;
       }
       .title{
         font-size: .85rem;
         line-height: 2rem;
       }
       .des{
          font-size: .6rem;
          opacity: .6;
          span{
            opacity: .4;
          }
       }
       .btn{
          padding: 0 1.625rem;
          margin-top: 1rem;
          .dz_flex{
            background: #017D85;
            box-shadow: 0px .25rem .5rem 0px rgba(0,0,0,0.10);
            border-radius:2.5rem;
            -webkit-border-radius: 100px;
            -moz-border-radius:2.5rem;
            -ms-border-radius:2.5rem;
            -o-border-radius:2.5rem;
            -webkit-border-radius:2.5rem;
            height: 1.9rem;
            line-height: 1.9rem;
            font-size: .65rem;
            margin: 0 .875rem;
           }
           em{
             position: relative;
             top: .2rem;
           }
           .guanzhu{
             display: inline-block;
             width: .925rem;
             height: .9rem;
             background: url(../images/common/guanzhu.png) no-repeat;
             background-size: contain;
           }
           .dianzhan{
            display: inline-block;
            width: .925rem;
            height: .9rem;
            background: url(../images/common/dianzhan.png) no-repeat;
            background-size: contain;
          }
       }
       .describe{
          font-size: .65rem;
          line-height: 1rem;
          padding:1rem 1rem 1rem 1rem;
          p{
            height: 2rem;
            overflow: hidden;
            text-align: left;
          }
          .auto{
            height: auto;
          }
          .arrow{
            background: url(../images/common/arrow.png) no-repeat;
            display: inline-block;
            background-size: contain;
            width: 1.2rem;
            height: .6rem;
            position: relative;
            top: .6rem;
            cursor: pointer;
          }
          .up{
            -webkit-transform: rotate(-180deg);
          }
       }
     }
    
    
  }
}
.list_recommend{
  text-align: left;
  margin-left: 1rem;
   li{
     padding-right: 1rem;
     em{
       font-size: .6rem;
       background: #02A1A4;
       border-radius: 1px 1px 0px 0px 1px 1px;
       display: inline-block;
       height: 1.2rem;
       line-height: 1.2rem;
       color: #fff;
       padding: 0 .5rem;
       margin-right: .5rem;
       position: relative;
       top: -.4rem
     }
     font-size: .8rem;
     color: #454545;
     border-bottom: 1px solid #dadada;
     padding-bottom: .5rem;
     padding-top: .6rem;
     a{
       display: inline-block;
       width: 12rem;
       overflow:hidden;
       text-overflow:ellipsis;
       white-space:nowrap;
       color: #666;
     }
   }
}
.img_list{
     ul{
       width: 17rem;
       margin: 0 auto;
       margin-top: 1rem;
     }
     li{
      background: #fff;
      margin-bottom: .5rem;
      img{
        width: 100%
      }
     }
    
    
}